<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo</title>
</head>

<body>
    <p><button onclick="$alert('测试')">alert</button></p>

    <p><button onclick="$confirm('测试')">confirm</button></p>

    <p><button onclick="$confirm('测试', '测试标题')">修改弹窗标题</button></p>

    <p><button onclick="$confirm('测试', null, {
        confirmButtonText: '确认文案',
        cancelButtonText: '取消文案'
    })">修改弹窗按钮文案</button></p>

    <p><button onclick="$confirm('测试', undefined, {
            callback: function (result, type) {
            $alert('结果：'+ result+'  触发按钮类型：'+type)
        }
    })">拉起带回调弹窗</button></p>

    <script src="./message-box.min.js"></script>
</body>

</html>
